草庐IT

Angular 2 表单

全部标签

javascript - Angular - 在方法开始和结束时触发 console.log() 的自定义方法装饰器

我想知道是否可以在Angular中创建自定义装饰器,将其应用于方法时可以实现以下功能:方法开始时的控制台日志方法结束时的控制台日志例子:没有装饰器:getRelationshipSource(){console.log('EnteringgetRelationshipSourcemethod');this.referenceDataService.getRefData('RLNSHPSC').subscribe(res=>{this.relationshipSource$.next(res);});console.log('LeavinggetRelationshipSourcemet

javascript - 使用 jquery validate 验证具有相同类的多个表单

我在同一个类的一页上有大约10个表单。每个表单都应该能够单独验证和发送。我正在使用jquery验证插件。我无法让它工作,所有表格都提交了第一个表格。除此之外,我似乎无法在带有$(this).find('.error').html(error);的表单中定位错误消息div;每个表单如下所示: 我的JS:$('.alertform').each(function(){$(this).validate({rules:{emailadres:{required:true,email:true}},messages:{emailadres:{required:"Message1",mi

javascript - 在提交时向表单添加外部输入值

我有一个典型的形式:和一个not-inside-a-form元素:如何在提交表单时将密码的值添加到表单中?$('form').submit(function(){//hmmm}); 最佳答案 在表单中创建一个隐藏字段,并在提交时将密码字段值复制到该字段。像这样。并在提交功能中。$('form').submit(function(){$('input#ps').val($('input#ps1').val());returntrue;}); 关于javascript-在提交时向表单添加外部

javascript - JQuery-UI sortable 表单提交排序

图像是从数据库加载的。我想使用JQuery-UIsortable对图像顺序进行排序,并将数据保存在表单提交上。$(function(){$("#sortable").sortable({placeholder:"ui-state-highlight",cursor:'crosshair'});$("#sortable").disableSelection();}); 最佳答案 每次排序时,使用sortable中的update:function(){}将值更新到隐藏的输入字段。这是我的代码,每次排序时都会更新隐藏的输入。提交表单时,值

javascript - 饼图布局起始 Angular

我正在尝试对D3中的饼图布局使用startAngle,以确保饼图的第一片始终以90度Angular开始绘制:varpie=d3.layout.pie().sort(null).value(function(d){returnd.amount;}).startAngle(90*(Math.PI/180));这行得通,但我发现馅饼现在完成时短了90度:http://jsfiddle.net/qkHK6/105/我能想到的解决这个问题的唯一方法是像这样强制结束位置:.endAngle(450*(Math.PI/180))但这似乎是一个hack。有没有正确的方法来做到这一点?文档说使用star

javascript - Angular HTTP Get 循环

这个问题在这里已经有了答案:JavaScriptclosureinsideloops–simplepracticalexample(44个答案)关闭8年前。我有一个Angular应用程序的问题。我有一个包含语言短代码的数组(“en”、“fr”、...)。基本上,我希望Angular在该数组上循环并对每个值发出HTTPget请求。for(variin$scope.langs){console.log($scope.langs[i].shortName);$http.get($scope.appURL+$scope.langs[i].shortName+'/api/products/?fo

javascript - Angular .js : directive object in scope is always undefined

编辑:fork了@EliteOctagon的plunker,奇怪的是它在工作!无法理解为什么下面的代码不是。http://plnkr.co/edit/y8uvulA9RHQ1Y9mwzin1EDIT2:fork了之前的plunker并向Controller的逻辑添加了$timeout,它停止工作了!猜猜这真的是加载顺序。查看:http://plnkr.co/edit/ivmGQmEHTatNzBWhppyf我是Angular的新手,无法理解指令隔离范围。我需要创建一个指令来打印出在我的页面中,包含关于ViewController中的对象的信息。我试图做的是隔离指令范围并通过具有双向绑定

javascript - AngularJS - 如果表单无效则阻止提交表单

这个问题在这里已经有了答案:Angularjspreventformsubmissionwheninputvalidationfails(9个回答)关闭6年前。我已经为我的问题创建了一个孤立的案例:http://plnkr.co/edit/6LXW5TG76LC9LNSrdpQC这是孤立案例的代码:RequiredNotanumbervarApp=angular.module('App',[]);App.controller('ExampleController',function($scope){$scope.submit=function(){alert('sendtoserver

javascript - Angular : Variables in ng-model

我有一个循环ng-repeatName:{{data.name}}我希望$scope.age变成$scope.age_data.name。例如:$scope.age_Tan、$scope.age_Jim...所以我尝试了ng-model="age_{{data.name}}"但它出错了。如何解决? 最佳答案 执行此操作的“正确”方法是在Controller中执行此操作:$scope.ages={};然后在模板中:Name:{{data.name}}应该工作... 关于javascript

javascript - '错误 : Uncaught (in promise): No provider for Jsonp' (HTML/Javascript/Typescript/Angular2)

错误截图:.ts文件代码(SearchDisplay.component.ts):import{Component,OnInit}from'angular2/core';import{Router}from'angular2/router';import{Hero}from'./hero';import{HeroService}from'./hero.service';import{RouteConfig,ROUTER_DIRECTIVES}from'angular2/router';import{HeroesComponent}from'./heroes.component';imp